<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html > 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

<ui:composition>
<div class="row-fluid" style="background: #FFFFFF;">
<div class="span1"></div>
	<div class="span10">
		<h3>Compras</h3>
		<br />
		<h:form prependId="false" id="formCadCompra">
			<p:growl id="growl" showDetail="true" sticky="true" life="6000"/>
			<h:messages></h:messages>
			<div class="row-fluid">
				<div class="span2">
					<h:outputLabel for="cliente" value="Cliente: *" />
				</div>
				<div class="span4">
					<h:selectOneMenu id="cliente" value="#{cadPedidoBean.clienteSelecionado}" requiredMessage="Escolha o Cliente" styleClass="inputAjust">
						<f:selectItem itemLabel="Selecione o Cliente" itemValue="" />
						<f:selectItems value="#{cadPedidoBean.listaItemCliente}" />
						
						<f:ajax listener="#{cadPedidoBean.zeraLista()}" render=":formCadCompra :formListaCompra"/>
					</h:selectOneMenu>
				</div>
				<div class="span5"><h:message for="cliente"/></div>
			</div>
			<div class="row-fluid">
				<div class="span2">
					<h:outputLabel for="produto" value="Produto: *" />
				</div>
				<div class="span4">
					<h:selectOneMenu id="produto" value="#{cadPedidoBean.produtoSelecionado}" required="true" requiredMessage="Escolha o produto" styleClass="inputAjust">
						<f:selectItem itemLabel="Selecione o Produto" itemValue="" />
						<f:selectItems value="#{cadPedidoBean.listaItemProduto}" />
						<f:ajax render="preco valTotal" listener="#{cadPedidoBean.prodPrecoUnit()}"></f:ajax>
					</h:selectOneMenu>
				</div>
				<div class="span3"><h:outputText id="preco" value="R$ #{cadPedidoBean.precoUnit}" /></div>
			</div>
			<div class="row-fluid">
				<div class="span2">
					<h:outputLabel for="qtde" value="Quantidade: *" />
				</div>
				<div class="span4">
					<p:spinner id="qtde" value="#{cadPedidoBean.qtde}" min="0" max="35" required="true" requiredMessage="Escolha a Quantidade">
						 <p:ajax update="valTotal" listener="#{cadPedidoBean.quantPrecoTotal()}"/>
					</p:spinner>  
				</div>
				<div class="span3"><h:outputText id="valTotal" value="R$ Total: #{cadPedidoBean.precoTotal}" /></div>
			</div>
			<div class="row-fluid" style="margin-top: 15px;">
				<div class="span2"><h:outputLabel value="Data da Compra:" /></div>
				<div class="span4">
					<p:calendar id="data" value="#{cadPedidoBean.dataPedCalendar}" locale="pt_BR" pattern="dd/MM/yyyy" required="true" requiredMessage="Digite a Data da compra" label="data" title="Campo obrigaorio. Informe a data"/>
				</div>
			</div>
			<div class="span12">
				<div class="span8">
					<div class="span3">
						<p:commandButton id="btAdicionar" value="Adicionar" actionListener="#{cadPedidoBean.adicionarPedido}" update="@this growl :formListaCompra" icon="ui-icon-check"></p:commandButton>
					</div>
					<div class="span3">
						<p:commandButton id="btSalvar" value="Salvar" actionListener="#{cadPedidoBean.cadastrarPedido}" update="@this growl :formListaCompra" icon="ui-icon-check"></p:commandButton>
					</div>
				</div>
			</div>
			<div class="span12">
			</div>
			<div class="span12"></div>
		</h:form>
			<div class="row-fluid">
				<div class="span12">
					<h:form prependId="false" id="formListaCompra">
						<p:dataTable value="#{cadPedidoBean.listPedido}" var="list">
							<p:column headerText="Nome">
								<h:outputText value="#{list.produto.nome}" />
							</p:column>
							<p:column headerText="Quantidade">
								<h:outputText value="#{list.qtde}" />
							</p:column>
							<p:column headerText="Valor Unitario">
								<h:outputText value="R$ #{list.produto.valor}" />
							</p:column>
							<p:column headerText="Total">
								<h:outputText value="R$ #{list.produto.valor * list.qtde}" />
								<f:facet name="footer">
									<h:outputText id="valTotalLista" value="Valor Total da Lista: R$ #{cadPedidoBean.precoTotalLista}" />
								</f:facet>
							</p:column>
							<p:column>
								<f:facet name="header">
									<h:outputText value="Remover" />
								</f:facet>
								<h:commandLink value="remover" actionListener="#{cadPedidoBean.removeItem(list)}" update="@this growl :formListaCompra" />
							</p:column>
						</p:dataTable>
					</h:form>
				</div>
			</div>
		</div>
	<div class="span1"></div>
	</div>
</ui:composition>
</html>